<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h1>hello1</h1>
    <h2>hello2</h2>
    <h3>hello3</h3>
    <h4>hello4</h4>
    <h5>hello5</h5>
    <h6>hello6</h6>
</div>
<script>
    /*
    * 添加节点：
    *     1.先创建节点：createElement()
    *     2.添加节点：appendChild();
    * */
    //向h1后添加一首歌
    var h1 = document.querySelector("h1");
    //1.创建元素
    var audio = document.createElement("audio");
    audio.src = "song/evil.mp3";
    audio.autoplay = true;
    audio.controls = true;
    audio.loop = true;
    //2.添加元素
    h1.appendChild(audio);


</script>
</body>
</html>